<template>
  <div class="number-box">
    <span :style="{fontSize: fontSize-10+'px'}">￥</span>
    <p :style="{fontSize: fontSize+'px'}">
      <slot></slot>
    </p>
  </div>
</template>

<script>
  export default {
    name: "number-ele",
    props: {
      fontSize: {
        type: [String,Number],
        default: 30
      }
    }
  }
</script>

<style scoped lang="scss">
  .number-box {
    display: flex;
    align-items: center;
    span, p {
      color:rgba(23,29,53,1);
      background:linear-gradient(57deg,rgba(34,163,191,1) 0%, rgba(101,228,255,1) 36.328125%, rgba(101,228,255,1) 65.478515625%, rgba(28,166,195,1) 100%);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
    }
    span {
      margin-top: 10px;
      /*margin-right: -5px;*/
    }
    p {
      font-family: AvantGardeITCbyBT;
    }
  }

</style>